<template>
	<view>
		<scroll-view scroll-y class="page">
			<cu-custom bgColor="bg-gradual-pink" :cusBack="cusBack" :isBack="true">
				<block slot="backText">返回</block>
				<block slot="content">客服</block>
			</cu-custom>
			<view style="padding: 10px;font-size: 14px;">
				<view style="line-height: 20px;">{{text}}</view>
				<view style="line-height: 20px;">{{phone}}</view>
				<view class="image" :style="{background:'url('+ url +') 0 0/100% no-repeat'}"></view>
			</view>
		</scroll-view>
	</view>
</template>

<script>
	import api from '@/api/api.js'
	export default {
		data() {
			return {
				text: '',
				phone: '',
				url: '',
			};
		},
		onLoad() {
			this.getGly()
		},
		methods: {
			cusBack() {
				this.$Router.back()
			},
			getGly() {
				this.$http.get('/authority/xcx/getKf').then(res=> {
					const data = res?.data?.data || {}
					this.text = data.text || ''
					this.phone = data.phone || ''
					this.url = data.url||''
				})
			},
		}
	}
</script>

<style>
	.page {
		height: 100Vh;
		width: 100vw;
	}

	.page.show {
		overflow: hidden;
	}
	.image{
		height: calc(100vh - 130px);
	}
</style>